<template>
  <div>
    <a-card :bordered='false'>
      <a-tabs @tabClick='tabClick' :defaultActiveKey='current' v-model='current' style='margin-top: -25px' :animated='false'>
        <a-tab-pane tab='销售' key='form1'>
          <order-voucher ref='form1'></order-voucher>
        </a-tab-pane>
        <a-tab-pane tab='采购' key='form2'>
          <order-procure ref='form2'></order-procure>
        </a-tab-pane>
        <a-tab-pane tab='成本' key='form3'>
         <order-cost ref='form3'></order-cost>
        </a-tab-pane>
        <a-tab-pane tab='样品' key='form4'>
         <order-sample ref='form4'></order-sample>
        </a-tab-pane>
        <a-tab-pane tab='收款' key='form5'>
          <order-collection ref='form5'></order-collection>
        </a-tab-pane>
        <a-tab-pane tab='付款' key='form6'>
         <order-payment ref='form6'></order-payment>
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </div>
</template>
<script>


import OrderVoucher from "@/views/module/voucher/order"
import OrderProcure from "@/views/module/voucher/procure"
import OrderCost from "@/views/module/voucher/cost"
import OrderSample from "@/views/module/voucher/sample"
import OrderCollection from "@/views/module/voucher/collection"
import OrderPayment from "@/views/module/voucher/payment"

export default {
  name: "Tabs",
  components: { OrderPayment, OrderCollection, OrderSample, OrderCost, OrderProcure, OrderVoucher },
  data() {
    let me = this
    return {
      //列表初始化查询参数
      queryParam: {},
      searchParams: {
        orderNo: ""
      },
      current: "form1",
      forms: [
        "form1",
        "form2",
        "form2"
      ]
    }
  },
  created() {
  },
  methods: {
    tabClick(name) {
      this.current = name
    }
  }
}
</script>
